<template>
    <div class="dev">
        <div class="pcs">
            PCS信息
            <div>
                遥信
                <div>
                    <el-table
                    :data="pcs.pcsyx.data">
                    <el-table-column
                      prop="reg_addr"
                      label="地址"
                      width="300px">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="描述"
                    width="180px">
                    </el-table-column>
                    <el-table-column
                      prop="key"
                      label="遥信"
                      width="180px">
                    </el-table-column>
                    <el-table-column
                      prop="val"
                      label="值">
                    </el-table-column>
                  </el-table>
                </div>
            </div>
            <div>
                遥控
                <div>
                    <el-table
                    :data="pcs.pcsyk.data">
                    <el-table-column
                        prop="reg_addr"
                        label="地址"
                        width="300px">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="描述"
                        width="180px">
                    </el-table-column>
                    <el-table-column
                        prop="key"
                        label="遥控"
                        width="180px">
                    </el-table-column>
                    <el-table-column
                        prop="val"
                        label="值">
                    </el-table-column>
                    </el-table>
                </div>
            </div>
            <div>
                遥调
                <div>
                    <el-table
                    :data="pcs.pcsyt.data">
                    <el-table-column
                        prop="reg_addr"
                        label="地址"
                        width="300px">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="描述"
                    width="180px">
                    </el-table-column>
                    <el-table-column
                        prop="key"
                        label="遥控"
                        width="180px">
                    </el-table-column>
                    <el-table-column
                        prop="val"
                        label="值">
                    </el-table-column>
                    </el-table>
                </div>
            </div>
            <div>
                遥测
                <div>
                    <el-table
                    :data="pcs.pcsyc.data">
                    <el-table-column
                        prop="reg_addr"
                        label="地址"
                        width="300">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="描述"
                    width="180px">
                    </el-table-column>
                    <el-table-column
                        prop="key"
                        label="遥控"
                        width="180px">
                    </el-table-column>
                    <el-table-column
                        prop="val"
                        label="值">
                    </el-table-column>
                    </el-table>
                </div>
            </div>
        </div>
    </div>
    </template>
    
    <script setup >
    import usePcsStore from '@/store/storer.ts'
        const pcs = usePcsStore()
        // console.log(pcs.pcsyc.data);
    
    </script>
    <style>
    .dev{
    position: absolute;
    top:50px;
    left: 20px;
    right: 0;
    padding: 10px 0;
    margin: 0 auto;
    max-width: 1400px;
    }
    .pcs{
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 30px;
        background: #88888f;
    }
    
    @media screen and (max-width:1700px){
        .pcs{
            max-width: 1400px;
        }
    }
    
    @media screen and (max-width:1300px){
        .pcs{
            max-width: 900px;
        }
    }
    
    @media screen and (max-width:1200px){
        .pcs{
            max-width: 800px;
        }
    }
    </style>